<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style>
    body{
        background-image:url(images/55.jpeg);
        background-repeat: no-repeat;
        background-position:50% -50%;
        left:0px;
        top:0px;
        z-index:1;
        display: block;
    }
    .global{
        z-index:2;
        background-color: rgba(0,0,0,0.2);
        width: 400px;
        height: 450px;
        margin-left: 40%;
        margin-top: 11%;
        border-radius: 10px;
    }
    .TableColor{
        padding:18% 18%;
        border-collapse: separate;
        border-spacing: 5px 30px;
        margin-left:10px;
    }
    td{
        color: #fff;
    }
    .border{
        border:1px solid gray;
        height:20px;
        width: 150px;
    }
    .Log-in-the-net{
        font-weight: bold;
    }
    .global02{
        margin-left: 20%;
        border-spacing: 20px 0px;
        text-align: center;
        line-height:30px;
        width: 250px;
    }
    .enter{
        border:1px solid  #1E90FF;
        background-color: #1E90FF;
    }
    .register{
        border:1px solid  #A9A9A9;
        background-color: #A9A9A9;
        color: #696969;  
    }  
    </style>
</head>
<body>
<div class="global">
	<table class="TableColor">
		<tr>
			<td class="Log-in-the-net">登录用户</td>
		</tr>
		<tr>
			<td>用户名：</td>
			<td class="border"></td>
		</tr>
		<tr>
			<td>密码：</td>
			<td class="border"></td>
		</tr>
	</table>
	<table class="global02">
		<tr>
			<td class="enter">登录</td>
			<td class="register ">注册</td>
		</tr>
	</table>
</div>
<script>
</body>
</html>